<!DOCTYPE html>
<title>SVG root with border-radius hit test</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
html, body {
  padding: 0;
  margin: 0;
}
svg {
  border-radius: 50%;
  background-color: blue;
}
</style>
<svg width="200" height="200"></svg>
<script>
  test(t => {
    const svgRoot = document.querySelector('svg');
    const body = document.body;
    assert_equals(document.elementFromPoint(10, 10), body, 'outside top-left');
    assert_equals(document.elementFromPoint(190, 10), body, 'outside top-right');
    assert_equals(document.elementFromPoint(10, 190), body, 'outside bottom-left');
    assert_equals(document.elementFromPoint(190, 190), body, 'outside bottom-right');
    assert_equals(document.elementFromPoint(100, 100), svgRoot, 'inside');
  });
</script>
